Cursus 


n 10 stappen 


icrosoft FrontPage is een 
MI veelgebruikte wysiwyg-editor 

(What You See Is What You 
Get). Aan de hand van eenvoudige sja- 
blonen, dialoogvensters en ander han- 
dig gerief, bepaal je wat je waar wil 
plaatsen en in welke vorm. FrontPage 
vertaalt datgene wat je ziet (en dus hebt 
ontworpen) in droge html-codes. Jij- 
zelf hoeft daar dus geen jota van te be- 
grijpen. 
We gaan een en ander voordoen aan 
de hand van een voorbeeld dat uit het 
leven is gegrepen: een persoonlijke 
webpage. 
We gaan ervan uit dat je FrontPage 
reeds geïnstalleerd hebt. De voorbeel- 
den die wij aanhalen, zijn gemaakt met 
een Nederlandse 2002 probeerversie. 
Gebruikers van vroegere versies kun- 
nen gerust meevolgen. 


De navigatiebalk 


Dubbelklik in de NORMAAL-modus ook even de andere bestan- 
den aan: ‘aboutme.htm’, ‘favorite.htm’, feedback’, ‘interest.htm’ 


Alle begin is... makkelijk sne 


FrontPage is dus op je pc geïnstalleerd. 
Als je het start, dan valt je ongetwijfeld op 
dat het grote gelijkenissen vertoont met 
andere MS Office programma’s en dat is 
best handig. 

In het menu BESTAND klikken we op 
Nieuw en PAGINA OF WEB om van wal te 
steken. We kunnen starten met een be- 
staand document, een lege pasta, of web, 
of een sjabloon. We kiezen voor 
het laatste met een klik op WeB- 
SITESJABLOON en vervolgens ma- 
ken we een keuze voor PER- 
SOONLIJK WEB. 

FrontPage maakt meteen een 
aantal bestanden en mappen 
aan die deel zullen uitmaken 
van je persoonlijke website. Ze 
staan links in de MAPPENLIJST. 
Krijg je die niet te zien, dan se- 
lecteer je MAPPENLIJST in het 
menu BEELD. 

Onderaan de pagina zie je drie 
tabs. De tab NORMAAL die open- 


en ‘photo.htm’. Je ziet dat de titel bovenaan de pagina telkens ver- 


appen van koppelingsbalk 


Voor de index-pagina is het belangrijk te kiezen voor 


Onderliggend niveau. 


andert, terwijl de tabel 
aan de linkerkant 
steeds dezelfde knop- 
pen bevat: START, INFO 
OVER MEZELF, INTERES- 
SES, FAVORIETEN, FOTO- 
COLLAGE en FEEDBACK. 
Die balk met knoppen 
noemen we de naviga- 
tiebalk en je kan de ei- 
genschappen ervan be- 
palen door er rechts op 
te klikken en te kiezen 
voor EIGENSCHAPPEN 
VOOR NAVIGATIEBALK. 


Er Eg 
DD) 
VOOR IEDEREEN 


staat, toont je pagina in werkmodus. Nu 
kan je dus gegevens invoeren of aanpas- 
sen. Klik even op de rechter tab VOORBEELD 
en je ziet je pagina zoals die er later in de 
browser zal uitzien. De middelste tab 
HTML toont de broncode van je pagina. 
Als je bij toeval toch een paar woordjes 
html zou spreken, kan je hier ook recht- 
streeks code invoeren. 


Uit het ruime aanbod van sjablonen kiezen we het 
bescheiden Persoonlijk web. 


Broncode: De programmaregels zoals de programmeur ze heeft 
geschreven. Ook bij webpagina's kan je de broncode of ‘source’ 
bekijken. Dan lees je welke html-code de ontwerper heeft gebruikt. 


Browser: Een softwareprogramma waarmee je pagina’s op het 
world wide web kan opzoeken en bekijken. De bekendste browsers 
zijn Microsoft Internet Explorer en Netscape Navigator. 


Dialoogvenster: Een klein venster waarmee Windows een medede- 
ling uitstuurt. Dat kan een waarschuwing zijn of een vraag naar 
gegevensinput. 


Html: Hypertext Markup Language. Een soort computertaal waar- 
mee webpagina's worden aangemaakt. 


Wysiwyg-editor: What You See Is What You Get. Een Wysiwyg-edi- 


tor op je beeldscherm toont hoe de tekst eruitziet als hij geprint 
wordt. 
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We doen dat terwijl onze ‘index.htm’ pagina is geselecteerd. Het 
dialoogvenster EIGENSCHAPPEN VOOR KOPPELINGSBALK verschijnt met 
zes mogelijkheden die bepalen welke links naar pagina’s worden 
getoond. 

Indien je HETZELFDE NIVEAU selecteert voor de index-pagina, dan 
krijg je enkel knoppen te zien van pagina’s die zich op hetzelfde ni- 
veau bevinden, in dit geval dus geen. Daarom opteer je beter voor 


Een thema naar wens 


Ook al werk je op basis van een bestaand sjabloon, je kan 
steeds in grote mate bepalen hoe je website er zal uit- 
zien. Klik in het menu OPMAAK maar eens op THEMA... 
en je krijgt een dialoogvenster voorgeschoteld, waar je 
keuze te over hebt. Standaard staat bij ons het thema Net- 
WERK geselecteerd, maar afhankelijk van het soort installatie 
dat je gedaan hebt (volledig of slechts met beperkte onderde- 
len), krijg je een hele waslijst van varianten te zien. Telkens 
wanneer je er eentje aanklikt, verandert rechts meteen het 
voorbeeld. 


vaandel : à Vaandel | 
AVEAN ANSA ANGAN 


Opmaakprofiel Kop 1 


MX _Opsommingsteken 1 
k_Opsommingsteken 2 
k_Opsommingsteken 3 


Ggslaan: 
ok 


Thema's bij de vleet. Klik ze links aan en beoordeel ze rechts in het 
voorbeeldvenster. 


In het voorbeeldvenster worden steeds het vaandel, de knop- 
pen, enkele opmaakprofielen en de achtergrond weergegeven. 
Heb je een keuze gemaakt, dan kan je ook nog op de knop Wij- 
ZIGEN klikken en kan je nogmaals het uitzicht aanpassen naar 
wens. Zo kan je de kleuren veranderen, de afbeelding (de ach- 
tergrond kan ook een afbeelding zijn) en de tekst. Pas je een 
thema aan, sla het dan op onder een andere naam. Zo vind je 
het makkelijk weer terug. We kiezen voor SCHILDERSLINNEN als 
thema, en passen dat toe op alle pagina’s. Daarom zetten we 
een bolletje voor ALLE PAGINA’s, links bovenaan. We sluiten het 
dialoogvenster met een druk op de OK-knop en slaan onze pa- 
gina alvast een keertje op. Zoals in alle Office-programma’s 
gaat dat met een druk op de OpsLAAN-knop (met de afbeelding 
van een diskette) of door in het menu BESTAND te kiezen voor 
OPSLAAN. 
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ONDERLIGGEND NIVEAU en zet je ook een vinkje voor INTRODUCTIE- 
PAGINA bij EXTRA PAGINA’s, rechts in het dialoogvenster. 

Indien je het tweede tabblad OPMAAKPROFIEL selecteert, dan kan je 
aan de vorm van de navigatiebalk sleutelen. Zo kan je de balk ho- 
rizontaal of verticaal plaatsen, maar ook het opmaakprofiel van de 
knoppen veranderen. Kies er eentje naar wens en druk op OK. Wij 
hebben de balk in verticale richting laten staan. 


Handige weergave 


Links naast de MAPPENLIJST bevinden zich nog enkele 
knoppen die de weergave bepalen. Druk maar eens op 
NAVIGATIE en je begrijpt wat we bedoelen. Met de weer- 
gave ingesteld op NAVIGATIE, zie je duidelijk de 
structuur van jouw website in het rechterven- 
ster. 
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We zien in de Navigatieweergave duidelijk dat we te 
maken hebben met één introductiepagina met vijf 
onderliggende pagina's. 


Die structuur is heel eenvoudig: een introductiepagina 
met daaronder vijf gelinkte pagina’s. In deze Naviga- 
tieweergave kan je een pagina openen (dubbelklikken), 
maar ook een nieuwe pagina toevoegen (rechtsklikken 
en kiezen voor NIEuw, PAGINA). Bovendien kan je een 
pagina verslepen naar een andere plaats in de hiërar- 
chie. Hier komt de kracht van FrontPage pas goed tot 
uiting: bij zo’n operatie worden alle hyperlinks en knop- 
pen automatisch aangepast. 

Nog een interessante weergave is HYPERLINKS. Klik hier- 
op en je ziet meteen met welke lokale pagina’s en wel- 


Hyperlink: Ook kortweg ‘link’ genoemd. Een doorverwijzing naar 
een ander document of webpagina. Links staan vaak in een 
ander kleurtje of zijn onderstreept. Als je er met de cursor over- 
heen sleept, dan verandert die in een handje. 


Vaandel: Een andere naam voor banner, een aanklikbare recht- 
hoek op een website. Die verbindt de surfer door naar een ande- 
re pagina binnen dezelfde website (interne link) of een andere 
website op het internet (externe link). 


